ankitjain28may / registration-module

var valEmail = 1;

var valUser = 1;

var valMob = 1;

var valPassRegister = 1;

var errorText = '{"font-size":"12px","color":"#a94442","display":"inline-block","padding": "5px","font-weight": "700"}';

errorText = JSON.parse(errorText);

var errorInput = '{"outline":"none","border-color":"#a94442"}';

errorInput = JSON.parse(errorInput);

var removeError = '{"outline":"none","border-color":"#ccc"}';

removeError = JSON.parse(removeError);

function showError(key, value)

{

    key = "#"+key;

    var selector = "input"+key;

    $(selector).prev("span").remove();

    $(key).css(errorInput);

    var txt = $("<span></span>").text(value).css(errorText);

    $(key).before(txt);

}

function validateEmail(val)

{

    var re = /^\S+@\w+\.\w+$/;

    return re.test(val);

}

function email()

{

    var val = $("#email").val();

    var ret = validateEmail(val);

    $("input#email").prev("span").remove();

    if(val === "")

    {

        valEmail = 1;

        showError("email", " *Enter Your email address");

    }

    else if(!ret)

    {

        valEmail = 1;

        showError("email", " *Invalid Email");

    }

    else

    {

        $("#email").css(removeError);

        valEmail = 0;

    }

}

function username()

{

    var val = $("#username").val();

    var re = /^\S+@/;

    $("input#username").prev("span").remove();

    if(val === "")

    {

        valUser = 1;

        showError("username", " *Enter Your username");

    }

    else if(re.test(val))

    {

        valUser = 1;

        showError("username", " *Invalid username");

    }

    else

    {

        $("#username").css(removeError);

        valUser = 0;

    }

}

function mob()

{

    var mob = $("#mob").val();

    var re = /^[0-9]{10}$/;

    $("input#mob").prev("span").remove();

    if(mob === "")

    {

        valMob = 1;

        showError("mob", " *Enter your mobile no.");

    }

    else if(!re.test(mob))

    {

        valMob = 1;

        showError("mob", " *Enter 10 digit mobile no.");

    }

    else

    {

        $("#mob").css(removeError);

        valMob = 0;

    }

}

function passwordRegister()

{

    var pass = $("#passRegister").val();

    $("input#passRegister").prev("span").remove();

    if(pass === "")

    {

        valPassRegister = 1;

        showError("passRegister", " *Enter your password");

    }

    else

    {

        $("#passRegister").css(removeError);

        valPassRegister = 0;

    }

}

function initRegister()

{

    name();

    email();

    username();

    mob();

    passwordRegister();

}

// Name validation

$("#name").blur(function()

{

    name();

});

// Email validation

$("#email").keyup(function() {

    email();

});

$("#email").blur(function() {

    email();

});

// username validation

$("#username").blur(function() {

    username();

});

// Mobile validation

$("#mob").blur(function() {

    mob();

});

//Password validation

$("#passRegister").blur(function() {

    passwordRegister();

});

function registerCheck() {

    var name = $("#name").val();

    var email = $("#email").val();

    var username = $("#username").val();

    var mob = $("#mob").val();

    var password = $("#passRegister").val();

    initRegister();

    if(valName === 0 && valEmail === 0 && valUser === 0 && valMob === 0 && valPassRegister === 0)

    {

        var q = {

            "name": name,

            "email": email,

            "username": username,

            "mob": mob,

            "password": password

        };

        q = "q=" + JSON.stringify(q);

        // console.log(q);

        xmlhttp.onreadystatechange = function()

        {

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200)

            {

                var result = JSON.parse(xmlhttp.responseText);

                // console.log(result);

                if(result["location"])

                {

                    location.href = result["location"];

                }

                $(result).each(function(index, element) {

                    showError(element["key"], element["value"]);

                });

            }

        };

        xmlhttp.open("POST", "ajax/validate_register.php", true);

        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

        xmlhttp.send(q);

    }

    else

    {

        // alert("Please Fill correct details");

        $("#myModal").modal();

    }

}